<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-06-10 22:56:03
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-06-12 22:35:21
 * @FilePath: /chat-ai-plus/src/components/Popup/Popup.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE, 
-->
<template>
    <u-popup :show="show" class="popup" mode="center" width="84%" height="90%">

    </u-popup>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
import uPopup from  'uview-plus/components/u-popup/u-popup.vue';
import uOverlay from  'uview-plus/components/u-overlay/u-overlay.vue';
import uTransition from  'uview-plus/components/u-transition/u-transition.vue';

export default defineComponent({
  name: 'Popup',
  components: {
    uPopup,
    uOverlay,
    uTransition
  },
  setup(props) {
    const show = ref(true)


    return {
      show
    }
  }

})
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
.popup {
  .popup-content {
    position: relative;
    background: red;
  }

  .scroll-view {
    box-sizing: border-box;
    width: 100%;
    // padding: $space-base;
    height: calc(100% - 120rpx);
  }

  .preset-item + .preset-item {
    margin-top: $space;
  }
  .footer {
    height: 120rpx;
    background: $white-color;
    border-top: solid 1px map-get($border-colors, default);
    padding: map-get($spaces, sm);
    .btn {
      margin: 0;
      width: 180rpx;

      ::v-deep .u-size-default {
        height: 70rpx !important;
        line-height: 70rpx !important;
      }
    }
    .btn + .btn {
      margin-left:  map-get($spaces, sm);
    }
  }
}

</style>